<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <title>车间组态管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />


</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
        <li>首页</li>
        <li>监控管理</li>
        <li>车间组态管理</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container">

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12">
            <h2 class="page-section-title">查询条件</h2>
        </div>
    </div>

    <div class="container-fluid query-frame-wrap mb-10 clearfix condition-query">

        <div class="col-lg-3">
            <div class="query-frame">
                <label>组态编码</label>
                <input autocomplete="new-password" id="code" type="text" class="form-control configurationQuery" maxlength="20"/>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="query-frame">
                <label>所属厂区</label>
                <select id="factory" name="" class="form-control configurationQuery">
                </select>
            </div>
        </div>
        <div class="col-lg-3">
            <div class="query-frame">
                <label>车间名称</label>
                <select id="shop" name="" class="form-control configurationQuery">
                </select>
            </div>
        </div>

        <div class="col-lg-3">
            <div class="query-frame query-button">
                <img id="queryconfiguration" th:src="@{/image/search.png}" src="../../../static/image/search.png" />
                <img class="reset" th:src="@{/image/rest.png}" src="../../../static/image/rest.png" />
            </div>
        </div>
    </div>

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12 rlt">
            <h2 class="page-section-title">车间组态列表</h2>
            <ul class="table-tool">
                <li id="add">
                    <span class="icon-list_add" aria-hidden="true"></span>
                    <label>新增</label>
                </li>
                <li id="update">
                    <span class="icon-list_xiugai" aria-hidden="true"></span>
                    <label>修改</label>
                </li>
                <li id="delete">
                    <span class="icon-list_shanchu" aria-hidden="true"></span>
                    <label >删除</label>
                </li>
                <li id="refreshTable">
                    <span class="icon-list_shuaxin" aria-hidden="true"></span>
                    <label>刷新</label>
                </li>
            </ul>
        </div>
    </div>

    <div class="container-fluid table-container">
        <table  id="shopConfigurationTable" cellspacing="" cellpadding="">

        </table>
    </div>
</div>

<div class="modal fade modelForm" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title title"></h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-12">
                        <form id="shopConfigurationForm" method="post" class="form-horizontal shopConfigurationForm" action="">
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">组态编码</label>
                                <div class="col-lg-7" >
                                    <input autocomplete="new-password" type="text" class="form-control" name="code"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">组态名称</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" name="name" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">所属厂区</label>
                                <div class="col-lg-7">
                                    <select id="factorySelect" name="factory" class="form-control">
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">车间编码</label>
                                <div class="col-lg-7">
                                    <select id="shopSelect" name="shop" class="form-control">
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">车间名称</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control " name="shopName" readonly />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">包含工序</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control " name="operation" readonly />
                                </div>
                            </div>

                            <!-- 隐藏唯一id -->
                            <input autocomplete="new-password" type="hidden" name="pkId" id="pkId" value="" />
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary yes">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<div th:replace="common/foot">
</div>

<script th:src="@{/js/monitorManage/workshopConfiguration/index.js}"  ></script>
</body>
</html>






